import { AnyObject } from "antd/es/_util/type";
import AIIcon from "../../../assets/chatCard/1.webp";
import Trans from "../../../assets/chatCard/2.webp";
import Read from "../../../assets/chatCard/3.webp";
import Simul from "../../../assets/chatCard/4.webp";
import Witer from "../../../assets/chatCard/5.webp";
import IMG from "../../../assets/chatCard/6.webp";
import Progra from "../../../assets/chatCard/7.webp";
import Wirte from "../../../assets/chatCard/13.webp";
const ChatCard = ({ actions }: AnyObject) => {
  console.log(actions);
  return (
    <div className="flex gap-x-2 mb-2">
      <div className="px-2 py-1 flex rounded-lg border-gray-black border h-6 items-center cursor-pointer">
        <img src={AIIcon} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs mr-6">豆包</div>
        <img src={Trans} className="w-3 h-1.5" alt="" />
      </div>
      <div
        className="px-2 py-1 flex rounded-lg border-gray-black border h-6 cursor-pointer"
        onClick={() => actions(1)}
      >
        <img src={Read} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs">翻译</div>
      </div>
      <div
        className="px-2 py-1 flex rounded-lg border-gray-black border h-6 cursor-pointer"
        onClick={() => actions(2)}
      >
        <img src={Simul} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs">AI阅读</div>
      </div>
      <div
        className="px-2 py-1 flex rounded-lg border-gray-black border h-6 cursor-pointer"
        onClick={() => actions(3)}
      >
        <img src={Witer} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs">同声传译</div>
      </div>
      <div
        className="px-2 py-1 flex rounded-lg border-gray-black border h-6 cursor-pointer"
        onClick={() => actions(4)}
      >
        <img src={Wirte} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs">帮我写作</div>
      </div>
      <div
        className="px-2 py-1 flex rounded-lg border-gray-black border h-6 cursor-pointer"
        onClick={() => actions(5)}
      >
        <img src={IMG} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs">图像生成</div>
      </div>
      <div
        className="px-2 py-1 flex rounded-lg border-gray-black border h-6 cursor-pointer"
        onClick={() => actions(6)}
      >
        <img src={Progra} className="w-3.5 h-3.5 mr-1.5" alt="" />
        <div className="text-white text-xs">AI编程</div>
      </div>
    </div>
  );
};
export default ChatCard;
